import { Tabs } from "antd";
import QrList from "./list";
import QrData from "./data";

import "./index.less";

const { TabPane } = Tabs;

function callback(key: string): void {
  console.log(key);
}

const Qr = (): JSX.Element => {
  return (
    <div className="Qr w-full h-full overflow-y-auto scrollY">
      <Tabs
        onChange={callback}
        className="h-full text-grey-800 text-13"
        defaultActiveKey="2">
        <TabPane tab="渠道列表" key="1">
          <QrList />
        </TabPane>
        <TabPane tab="数据详情" key="2">
          <QrData />
        </TabPane>
      </Tabs>
    </div>
  );
};

export default Qr;
